.main {
    background-image: url("../img/bg.jpg");
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.login-btn {
    height: 50px;
    background-color: #5ebf94;
    border: 0;
    width: 100%;
    border-radius: 4px;
    margin-top: 54px;
    font-family: 'Microsoft Yahei';
    font-size: 16px;
    font-weight: 300;
    color: white;
}

.login-btn:hover {
    background-color: #87dcb6;
}

.register {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #777777;
    margin: 15px 0;
    height: 30px;
}

.input-card {
    margin-top: 15%;
    padding: 4px 25px 30px;
}

.log-input {
    height: 50px;
    width: 100%;
    font-family: 'Microsoft Yahei';
    font-size: 16px;
    font-weight: 300;
    padding: 0 20px;
    border: 0.2px solid #fff;
    margin-bottom: 15px;
    color: #888;
    border-radius: 4px;
}

.log-input:nth-last-child(1) {
    margin: 0px;
}

.log-input:focus {
    outline: 1px solid #d3d3d3;
}

.repass {
    font-size: 16px;
    line-height: 30px;
    color: #777777;
    margin: 15px 0;
    height: 30px;
}

.thirdLogin {
    width: 60%;
    margin: 0 auto;
    top: -19px;
    position: relative;
}

.login-Logo-wechat {
    width: 50px;
    height: 56px;
    float: right;
    background-image: url("../img/wechat.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.login-Logo-qq {
    width: 50px;
    height: 56px;
    float: left;
    background-image: url("../img/qq.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.login-Logo-wechat:hover {
    width: 50px;
    height: 56px;
    float: right;
    background-position: 100% 100%;
    background-image: url("../img/wechatafter.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.login-Logo-qq:hover {
    width: 50px;
    height: 56px;
    float: left;
    background-image: url("../img/qqafter.png");
    background-repeat: no-repeat;
    cursor: pointer
}

img.code-image {
    position: relative;
    top: 4px;
    float: right;
    right: 42px;
    cursor: pointer;
}

img.home-logo {
    position: absolute;
    width: 350px;
    height: 81px;
    bottom: -190px;
    left: 24%;
}

.logo-style {
    position: absolute;
    width: 65%;
    height: 12.5%;
}
[v-cloak] {
    display: none;
}